<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="popup.css">
  <title>灵犀译</title>
</head>
<body>
  <div class="container">
    <h1>灵犀译</h1>
    <div class="controls">
      <div class="switch-container">
        <label class="switch">
          <input type="checkbox" id="translationToggle">
          <span class="slider"></span>
        </label>
        <span>启用翻译</span>
      </div>
      
      <div class="language-select">
        <label for="targetLanguage">目标语言：</label>
        <select id="targetLanguage">
          <option value="zh">中文</option>
          <option value="en">英语</option>
          <option value="ja">日语</option>
          <option value="ko">韩语</option>
          <option value="fr">法语</option>
          <option value="de">德语</option>
        </select>
      </div>
    </div>
    <div id="status" class="status"></div>
  </div>
  <script src="popup.js"></script>
</body>
</html> 